import React, { Component } from 'react';
import {render} from 'react-dom';
import Backup from 'material-ui-icons/Backup';
import Book from 'material-ui-icons/Book';
import Build from 'material-ui-icons/Build';
import CameraEnhance from 'material-ui-icons/CameraEnhance';
import BookmarkBorder from 'material-ui-icons/BookmarkBorder';
import CardMembership from 'material-ui-icons/CardMembership';
import CardTravel from 'material-ui-icons/CardTravel';
import Alarm from 'material-ui-icons/Alarm';
import AlarmAdd from 'material-ui-icons/AlarmAdd';
import AlarmOff from 'material-ui-icons/AlarmOff';
import AlarmOn from 'material-ui-icons/AlarmOn';
import AllOut from 'material-ui-icons/AllOut';
import Android from 'material-ui-icons/Android';
import Announcement from 'material-ui-icons/Announcement';
import Assessment from 'material-ui-icons/Assessment';
import Assignment from 'material-ui-icons/Assignment';
import ChangeHistory from 'material-ui-icons/ChangeHistory';
import CheckCircle from 'material-ui-icons/CheckCircle';
import Code from 'material-ui-icons/Code';
import Copyright from 'material-ui-icons/Copyright';
import DateRange from 'material-ui-icons/DateRange';
import Delete from 'material-ui-icons/Delete';
import DeleteForever from 'material-ui-icons/DeleteForever';
import Description from 'material-ui-icons/Description';
import Done from 'material-ui-icons/Done';
import DoneAll from 'material-ui-icons/DoneAll';
import Event from 'material-ui-icons/Event';
import Explore from 'material-ui-icons/Explore';
import Extension from 'material-ui-icons/Extension';
import Face from 'material-ui-icons/Face';
import Favorite from 'material-ui-icons/Favorite';
import Feedback from 'material-ui-icons/Feedback';
import FindInPage from 'material-ui-icons/FindInPage';
import FindReplace from 'material-ui-icons/FindReplace';
import Fingerprint from 'material-ui-icons/Fingerprint';
import Grade from 'material-ui-icons/Grade';
import Info from 'material-ui-icons/Info';
import InfoOutline from 'material-ui-icons/InfoOutline';
import Input from 'material-ui-icons/Input';
import Label from 'material-ui-icons/Label';
import LabelOutline from 'material-ui-icons/LabelOutline';
import Language from 'material-ui-icons/Language';
import LightbulbOutline from 'material-ui-icons/LightbulbOutline';
import PermIdentity from 'material-ui-icons/PermIdentity';
import PermMedia from 'material-ui-icons/PermMedia';
import PermPhoneMsg from 'material-ui-icons/PermPhoneMsg';

import PermScanWifi from 'material-ui-icons/PermScanWifi';
import Pets from 'material-ui-icons/Pets';
import Polymer from 'material-ui-icons/Polymer';
import QuestionAnswer from 'material-ui-icons/QuestionAnswer';
import Reorder from 'material-ui-icons/Reorder';
import RestorePage from 'material-ui-icons/RestorePage';
import Room from 'material-ui-icons/Room';
import Schedule from 'material-ui-icons/Schedule';
import Search from 'material-ui-icons/Search';
import Settings from 'material-ui-icons/Settings';
import Store from 'material-ui-icons/Store';
import SupervisorAccount from 'material-ui-icons/SupervisorAccount';
import SwapHoriz from 'material-ui-icons/SwapHoriz';
import SwapVert from 'material-ui-icons/SwapVert';
import Tab from 'material-ui-icons/Tab';
import ThumbDown from 'material-ui-icons/ThumbDown';
import ThumbUp from 'material-ui-icons/ThumbUp';
import ThumbsUpDown from 'material-ui-icons/ThumbsUpDown';
import Timeline from 'material-ui-icons/Timeline';
import Toc from 'material-ui-icons/Toc';
import Today from 'material-ui-icons/Today';
import FastRewind from 'material-ui-icons/FastRewind';
import FastForward from 'material-ui-icons/FastForward';
import Loop from 'material-ui-icons/Loop';

import Mic from 'material-ui-icons/Mic';
import MicNone from 'material-ui-icons/MicNone';
import MicOff from 'material-ui-icons/MicOff';
import Movie from 'material-ui-icons/Movie';
import MusicVideo from 'material-ui-icons/MusicVideo';
import Note from 'material-ui-icons/Note';
import Pause from 'material-ui-icons/Pause';
import PauseCircleFilled from 'material-ui-icons/PauseCircleFilled';
import PauseCircleOutline from 'material-ui-icons/PauseCircleOutline';
import PlayArrow from 'material-ui-icons/PlayArrow';
import PlayCircleFilled from 'material-ui-icons/PlayCircleFilled';
import PlayCircleOutline from 'material-ui-icons/PlayCircleOutline';
import PlaylistAdd from 'material-ui-icons/PlaylistAdd';
import Replay from 'material-ui-icons/Replay';
import SkipNext from 'material-ui-icons/SkipNext';
import SkipPrevious from 'material-ui-icons/SkipPrevious';
import Stop from 'material-ui-icons/Stop';

import Videocam from 'material-ui-icons/Videocam';
import VideocamOff from 'material-ui-icons/VideocamOff';
import VolumeDown from 'material-ui-icons/VolumeDown';
import VolumeMute from 'material-ui-icons/VolumeMute';
import VolumeUp from 'material-ui-icons/VolumeUp';
import Business from 'material-ui-icons/Business';
import Call from 'material-ui-icons/Call';
import CallEnd from 'material-ui-icons/CallEnd';
import Chat from 'material-ui-icons/Chat';
import ChatBubble from 'material-ui-icons/ChatBubble';
import ChatBubbleOutline from 'material-ui-icons/ChatBubbleOutline';
import ClearAll from 'material-ui-icons/ClearAll';
import Comment from 'material-ui-icons/Comment';
import ContactMail from 'material-ui-icons/ContactMail';
import ContactPhone from 'material-ui-icons/ContactPhone';
import Email from 'material-ui-icons/Email';
import Forum from 'material-ui-icons/Forum';
import LocationOn from 'material-ui-icons/LocationOn';
import LocationOff from 'material-ui-icons/LocationOff';
import Add from 'material-ui-icons/Add';
import AddBox from 'material-ui-icons/AddBox';
import AddCircle from 'material-ui-icons/AddCircle';
import AddCircleOutline from 'material-ui-icons/AddCircleOutline';
import Block from 'material-ui-icons/Block';
import Clear from 'material-ui-icons/Clear';
import Forward from 'material-ui-icons/Forward';
import Remove from 'material-ui-icons/Remove';
import RemoveCircle from 'material-ui-icons/RemoveCircle';
import RemoveCircleOutline from 'material-ui-icons/RemoveCircleOutline';
import Send from 'material-ui-icons/Send';
import InsertEmoticon from 'material-ui-icons/InsertEmoticon';
import InsertComment from 'material-ui-icons/InsertComment';
import Cloud from 'material-ui-icons/Cloud';
import CloudCircle from 'material-ui-icons/CloudCircle';
import CloudDone from 'material-ui-icons/CloudDone';
import CloudDownload from 'material-ui-icons/CloudDownload';
import Folder from 'material-ui-icons/Folder';
import FolderOpen from 'material-ui-icons/FolderOpen';


import Apps from 'material-ui-icons/Apps';
import ArrowBack from 'material-ui-icons/ArrowBack';
import ArrowForward from 'material-ui-icons/ArrowForward';
import ArrowDownward from 'material-ui-icons/ArrowDownward';
import ArrowUpward from 'material-ui-icons/ArrowUpward';
import ArrowDropDown from 'material-ui-icons/ArrowDropDown';
import ArrowDropUp from 'material-ui-icons/ArrowDropUp';
import ArrowDropDownCircle from 'material-ui-icons/ArrowDropDownCircle';
import Cancel from 'material-ui-icons/Cancel';
import ChevronLeft from 'material-ui-icons/ChevronLeft';
import ChevronRight from 'material-ui-icons/ChevronRight';
import Check from 'material-ui-icons/Check';
import Close from 'material-ui-icons/Close';
import ExpandLess from 'material-ui-icons/ExpandLess';
import ExpandMore from 'material-ui-icons/ExpandMore';
import FirstPage from 'material-ui-icons/FirstPage';
import LastPage from 'material-ui-icons/LastPage';
import Menu from 'material-ui-icons/Menu';
import FullScreen from 'material-ui-icons/FullScreen';
import FullScreenExit from 'material-ui-icons/FullScreenExit';
import MoreHoriz from 'material-ui-icons/MoreHoriz';
import MoreVert from 'material-ui-icons/MoreVert';
import Refresh from 'material-ui-icons/Refresh';
import SubdirectoryArrowRight from 'material-ui-icons/SubdirectoryArrowRight';
import SubdirectoryArrowLeft from 'material-ui-icons/SubdirectoryArrowLeft';


class IconsList extends Component{
    render(){
        return (
            <div>
                <Book />
                <Backup />
                <Build />
                <CameraEnhance />
                <BookmarkBorder />
                <CardMembership />
                <CardTravel />
                <Alarm />
                <AlarmAdd />
                <AlarmOff />
                <AlarmOn />
                <AllOut />
                <Android />
                <Announcement />
                <Assessment />
                <Assignment/>
                <ChangeHistory />
                <CheckCircle />
                <Code />
                <Copyright />
                <DateRange />
                <Delete />
                <DeleteForever />
                <Description />
                <Done />
                <DoneAll />
                <Event />
                <Explore />
                <Extension />
                <Face />
                <Favorite />
                <Feedback />
                <FindInPage />
                <FindReplace />
                <Fingerprint />
                <Grade />
                <Info />
                <InfoOutline />
                <Input />
                <Label />
                <LabelOutline />
                <Language />
                <LightbulbOutline />
                <PermIdentity />
                <PermMedia />
                <PermPhoneMsg />
                <hr />
                <PermScanWifi />
                <Pets />
                <Polymer />
                <QuestionAnswer />
                <Reorder />
                <RestorePage />
                <Room />
                <Schedule />
                <Search />
                <Settings />
                <Store />
                <SupervisorAccount />
                <SwapHoriz />
                <SwapVert />
                <Tab />
                <ThumbDown />
                <ThumbUp />
                <ThumbsUpDown />
                <Timeline />
                <Toc />
                <Today />
                <hr />
                <FastRewind />
                <FastForward />
                <Loop />
                <hr />
                <Loop />
                <Mic />
                <MicNone />
                <MicOff />
                <Movie />
                <MusicVideo />
                <Note />
                <Pause />
                <PauseCircleFilled />
                <PauseCircleOutline />
                <PlayArrow />
                <PlayCircleFilled />
                <PlayCircleOutline />
                <PlaylistAdd />
                <Replay />
                <SkipNext />
                <SkipPrevious />
                <Stop />

                <Videocam />
                <VideocamOff />
                <VolumeDown />
                <VolumeMute />
                <VolumeUp />
                <hr />
                <Business />
                <Call />
                <CallEnd />
                <Chat />
                <ChatBubble />
                <ChatBubbleOutline />
                <ClearAll />
                <Comment />
                <ContactMail />
                <ContactPhone />
                <Email />
                <Forum />
                <LocationOn />
                <LocationOff />
                <hr />
                <Add />
                <AddBox />
                <AddCircle />
                <AddCircleOutline />
                <Block />
                <Clear />
                <Forward />
                <Remove />
                <RemoveCircle />
                <RemoveCircleOutline />
                <Send />
                <hr />
                <InsertEmoticon />
                <InsertComment />
                <Cloud />
                <CloudCircle />
                <CloudDone />
                <CloudDownload />
                <Folder />
                <FolderOpen />
                <p>Navigation</p>
                <Apps />
                <ArrowBack />
                <ArrowForward />
                <ArrowDownward />
                <ArrowUpward />
                <ArrowDropDown />
                <ArrowDropUp />
                <ArrowDropDownCircle />
                <Cancel />
                <ChevronLeft />
                <ChevronRight />
                <Check />
                <Close />
                <ExpandLess />
                <ExpandMore />
                <FirstPage />
                <LastPage />
                <Menu />
                <FullScreen />
                <FullScreenExit />
                <MoreHoriz />
                <MoreVert />
                <Refresh />
                <SubdirectoryArrowLeft />
                <SubdirectoryArrowRight />
            </div>
        );
    }
}

render(<IconsList />,document.getElementById('root'));